﻿#main{width:100%}
#main .banner{width:100%;  padding-top:25px; background-color:#dedede}
#main .banner .flexslider{overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
/* index */
#main .index .banner{ padding-bottom:95px;height:540px;}
#main .index .banner .flexslider{height:610px;}

.content{width:100%; background-color:#fff; position:relative}
.index .content .index_bar{position:absolute; height:10px; width:555px; background-color:#950000; left:0; top:50px}
.index .content .con{width:1030px; margin:0 auto; padding:100px 0 30px 50px}

/* business */
#main .business .banner{width:100%;  padding:0;}
#main .business .banner .flexslider{height:520px;}
#main .business .con_top{height:70px; width:100%; background-color:#c1c1c1}
#main .content .content_all{background-color:#d0d0d0; width:1030px; margin:0 auto}
/*left_menu*/
#main .content .content_all .con_fl{width:280px;}
#main .content .content_all .con_fl .menu{padding:50px 10px}
#main .content .content_all .con_fl .menu li{position:relative;display:block}
#main .content .content_all .con_fl .menu li span{font-family:Impact, Charcoal, sans-serif; font-size:21px; display:inline-block; left:25px;color:#bababa; position:absolute; *line-height:25px}
#main .content .content_all .con_fl .menu li .nav_con{font-size:16px; display:block;padding-left:50px;height:56px; line-height:56px; }
#main .content .content_all .con_fl .menu li.cur .nav_con{background:url(../images/li_back_01.png)}
#main .content .content_all .con_fl .menu li.cur span{color:#8d8d8d}
#main .content .content_all .con_fl .menu li.cur .nav_con{color:#fff}
#main .content .content_all .con_fl .menu li.hover .nav_con{ background:url(../images/li_back_01.png)}
#main .content .content_all .con_fl .menu li.hover span{color:#8d8d8d}
#main .content .content_all .con_fl .menu li.hover .nav_con{color:#fff}
#main .content .content_all .con_fl .menu li .pro_list{padding:5px 0 10px 50px; position:relative; z-index:10}
#main .content .content_all .con_fl .menu li .pro_list .vertical{ position:absolute; width:1px; background-color:#959595; height:475px; top:15px; left:39px; z-index:15}
#main .content .content_all .con_fl .menu li .pro_list i{ display:block; position:absolute; width:13px; height:12px;background:url(../images/icon.png) no-repeat; z-index:30}
#main .content .content_all .con_fl .menu li .pro_list h3{line-height:25px; height:25px; font-size:15px; position:relative; z-index:20}
#main .content .content_all .con_fl .menu li .pro_list h3 a{font-size:15px;}
#main .content .content_all .con_fl .menu li .pro_list h3 i{background-position:1px 0; top:7px; left:-18px}
#main .content .content_all .con_fl .menu li .pro_list h3.cur{color:#9b1010}
#main .content .content_all .con_fl .menu li .pro_list h3.cur a{color:#9b1010}
#main .content .content_all .con_fl .menu li .pro_list h3.cur i{background-position:-13px 0;}
#main .content .content_all .con_fl .menu li .pro_list li{line-height:25px; line-height:25px; position:relative; z-index:20}
#main .content .content_all .con_fl .menu li .pro_list li i{background-position:3px -17px; top:7px; left:-18px}
#main .content .content_all .con_fl .menu li .pro_list li.cur i{background-position:-13px -17px;}
#main .content .content_all .con_fl .menu li .pro_list li a{ font-size:15px; color:#a5a5a5}
#main .content .content_all .con_fl .menu li .pro_list li.cur a{color:#727272}
#main .content .content_all .con_fl .menu li .pro_list li.hover i{background-position:-13px -17px;}
#main .content .content_all .con_fl .menu li .pro_list li.hover a{color:#727272}
/*info*/
#main .content .content_all .con_fr{width:750px; background-color:#f6f6f6; min-height:436px}
#main .content .content_all .con_fr .info{width:100%; overflow:hidden; text-align:right; padding-bottom:80px}
#main .content .content_all .con_fr .info img{vertical-align:bottom}


/*product*/
#main .product .banner{background-color:#b0b0b0}
#main .product .banner .flexslider{height:531px;}
#main .product .content .con_fr{background-color:#fff; min-height:940px}

/*works*/
#main .works .banner{background-color:#b0b0b0; padding-top:0}
#main .works .banner .flexslider{height:502px;}
#main .works .content .con_fr{background-color:#e5e5e5}
#main .works .con_fr .works_list{ padding:30px 40px}
#main .works .con_fr .works_list ul{width:696px;}
#main .works .con_fr .works_list li{float:left; width:212px; margin-right:20px; margin-bottom:30px; height:139px}
#main .works .con_fr .works_list li .pic{ border:1px solid #fff; padding:5px}
#main .works .con_fr .works_list li .title{ width:100%; height:25px; line-height:25px; text-align:center; background-color:#f4f4f4; margin-top:2px; color:#6f6f6f; overflow:hidden}

/*support*/
#main .support .banner{background-color:#000000}
#main .support .banner .flexslider{height:582px;}
#main .support .content .con_fr{background-color:#f6f6f6}
#main .support .content .vertical{ height:30px !important}

/*contact*/
#main .contact .banner{background-color:#cccccc; padding-top:3px; padding-bottom:25px}
#main .contact .banner .flexslider{height:878px;}